<template>
	<view class="gdBox">
		<text class="rightTit" @click="jumpNewW">+</text>
	<ul class="gongdan_list">
		<li>
			<view class="gd_list_left">
				<h3>工单标题</h3>
				<text>发起时间：2019-04-01 17：27</text>
				<text>处理人员：赵小刚</text>
			</view>
			<view class="gd_list_right">
				<text class="aaaS"><text class="quan"></text>待处理</text>
				<image src="../../../static/user.png" mode="" class="toux"></image>
			<text class="text">李小明</text>
			</view>
		</li>
		<li>
			<view class="gd_list_left">
				<h3>工单标题</h3>
				<text>发起时间：2019-04-01 17：27</text>
				<text>处理人员：赵小刚</text>
			</view>
			<view class="gd_list_right">
				<text class="aaaS"><text class="quan"></text>被退回</text>
				<image src="../../../static/user.png" mode="" class="toux"></image>
			<text class="text">李小明</text>
			</view>
		</li>
		<li>
			<view class="gd_list_left">
				<h3>工单标题</h3>
				<text>发起时间：2019-04-01 17：27</text>
				<text>处理人员：赵小刚</text>
			</view>
			<view class="gd_list_right">
				<text class="aaaS"><text class="quan"></text>已完结</text>
				<image src="../../../static/user.png" mode="" class="toux"></image>
			<text class="text">李小明</text>
			</view>
		</li>
		<li>
			<view class="gd_list_left">
				<h3>工单标题</h3>
				<text>发起时间：2019-04-01 17：27</text>
				<text>处理人员：赵小刚</text>
			</view>
			<view class="gd_list_right">
				<text class="aaaS"><text class="quan"></text>已撤销</text>
				<image src="../../../static/user.png" mode="" class="toux"></image>
			<text class="text">李小明</text>
			</view>
		</li>
	</ul>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			jumpNewW(){
				uni.navigateTo({
					url:"/pages/my/newwork/newwork"
				})
			}
		}
	}
</script>

<style>
	.rightTit{
		display: inline-block;
		width: 100%;
		height: 30px;
		font-weight: bold;
		font-size: 20px;
		color: #0079fe;
		text-align: right;
		background-color:rgba(242, 242, 242, 0.5);
		align-items: center;
	}
	.quan:nth-child(1){
		display: inline-block;
		width:10px;
		height: 10px;
		background-color: #0079fe;
		border-radius: 20px;
		margin-right: 3px;
	}
	.quan:nth-child(2){
		display: inline-block;
		width:10px;
		height: 10px;
		background-color: #ff3b31;
		border-radius: 20px;
		margin-right: 3px;
	}
	.quan:nth-child(3){
		display: inline-block;
		width:10px;
		height: 10px;
		background-color: #4bd863;
		border-radius: 20px;
		margin-right: 3px;
	}
	.quan:nth-child(4){
		display: inline-block;
		width:10px;
		height: 10px;
		background-color: #fe9400;
		border-radius: 20px;
		margin-right: 3px;
	}
	.aaaS{
		font-size: 13px;
		color: #2c2c2c;
	}
	.toux{
		width: 30px;
		height: 30px;
		margin-top: 3px;
		margin-left: 5px;
	}
	h3{
		font-weight: bold;
		color: #999999;
	}
	.gd_list_right{
		
		margin-right: 20px;
		
	}
	.gd_list_right>text{
	margin: 3px;
	}
	.gd_list_left{
		margin-left: 10px;
	}
	.gd_list_left,.gd_list_right{
		display: flex;
		flex-direction: column;
	}
	.text{
		color: #999999;
		font-size: 12px;
		/* margin-top: 50px; */
		margin-left: 10px;
	}
	.gd_list_left>text{
		color: #999999;
		font-size: 12px;
		margin-top: 8px;
	}
	.gongdan_list>li{
		height: 110px;
		width:100vw;
		background-color: white;
		display: flex;
		justify-content:space-between;
		margin-top: 3px;
		align-items: center;
	}
*{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.gdBox{
	background-color:rgba(242, 242, 242, 0.5);
}
</style>
